//@ts-nocheck
import React, { useRef, useState } from 'react';
import { history } from 'umi';
import {
  IndexBar,
  Toast,
  NavBar,
  DropdownMenu,
  Cell,
  Switch,
  Button,
  Divider,
} from 'react-vant';
import './index.less';
import '@/pages/golobo.less';
import 'lib-flexible';
import maoyan from './img/猫眼Logo.png';
import bxqyys from '../../static/56898.png';
import { Arrow } from '@react-vant/icons';
import { Tabs } from 'antd-mobile';
import { Search, WapNav, Location } from '@react-vant/icons';

export default function index() {
  const [value, setValue] = useState<Record<string, string | number>>({});

  //点击跳转电影页面
  //   let vb = () => {
  //     history.push('/details');
  //   };

  //   点击跳转电影页面
  let seats = () => {
    history.push('/seat');
  };

  //跳转购票页面
  let ticketingss = () => {
    history.push('/ticketing');
  };
  return (
    <div
      className="lhjvbdn"
      style={{ width: '100%', height: '100%', backgroundColor: '' }}
    >
      <div className="fbmfgbv">
        {/* <NavBar title="冰雪奇缘" leftText="返回" onClickLeft={ticketingss} /> */}
        <NavBar
          title="聚点影城DOLBY(惠友十方店)"
          // leftText='返回'
          onClickLeft={ticketingss}
          rightText={<WapNav fontSize={20} />}
        />
      </div>

      <div
        className="jdychgn"
        style={{
          backgroundColor: 'white',
          width: '85%',
          height: '2.5rem',
          marginTop: '-0.4rem',
        }}
      >
        <h3 className="dolghnvs" style={{ padding: '0.5rem' }}>
          聚点影城DOLBY(惠友十方店)
        </h3>
        <p
          className="shifangfain"
          style={{ marginTop: '-0.75rem', padding: '0.5rem', color: '#b5b5b5' }}
        >
          莲池区建华大街789号惠友购物广场十方店4层
        </p>
        <p
          className="dingweidas"
          style={{
            marginTop: '-1.5rem',
            fontSize: '0.7rem',
            marginLeft: '9rem',
          }}
        >
          <Location />
        </p>
      </div>
      <div
        className="ghnbfd"
        style={{ width: '100%', height: '3.5rem', backgroundColor: '#5f6266' }}
      >
        {/* <div class="red">asdasdasdas</div> */}
        <div class="boxcc">
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
          <div class="box1jk">
            <img
              src={bxqyys}
              alt=""
              style={{ width: '99%', height: '123px' }}
            />
          </div>
        </div>
      </div>
      <div
        className="namehgjf"
        style={{
          width: '100%',
          height: '2rem',
          backgroundColor: '',
          marginTop: '0.3rem',
        }}
      >
        <h3
          className="sudumnbf"
          style={{ marginLeft: '3.5rem', lineHeight: '1.5rem' }}
        >
          冰雪奇缘2
        </h3>
        <h3
          className="fenfenfen"
          style={{
            color: '#ffb400',
            marginTop: '-1.05rem',
            marginLeft: '5.6rem',
            fontWeight: '20%',
          }}
        >
          8.9分
        </h3>
        <p
          className="fandisaier"
          style={{
            color: '#999999',
            marginLeft: '3.2rem',
            marginTop: '-0rem',
          }}
        >
          141分钟 | 动作 | 范·迪塞尔
        </p>
      </div>
      <div
        className="fgcnx"
        style={{
          width: '100%',
          height: '1.1rem',
          backgroundColor: '',
          marginTop: '-0.5rem',
        }}
      >
        <Tabs defaultActiveKey="1">
          <Tabs.Tab title="5月27日" key="1"></Tabs.Tab>
          <Tabs.Tab title="5月28日" key="2"></Tabs.Tab>
          <Tabs.Tab title="5月29日" key="3"></Tabs.Tab>
          <Tabs.Tab title="5月30日" key="4"></Tabs.Tab>
          <Tabs.Tab title="5月31日" key="5"></Tabs.Tab>
          <Tabs.Tab title="6月01日" key="6"></Tabs.Tab>
          <Tabs.Tab title="6月02日" key="7"></Tabs.Tab>
          <Tabs.Tab title="6月03日" key="8"></Tabs.Tab>
          <Tabs.Tab title="6月04日" key="9"></Tabs.Tab>
          <Tabs.Tab title="6月05日" key="10"></Tabs.Tab>
        </Tabs>
      </div>
      <div
        className="zhekoulea"
        style={{
          width: '100%',
          height: '1rem',
          backgroundColor: '#fff5ea',
          marginTop: '0.3rem',
        }}
      >
        {/* <div className="zhekounm" style={{width:"10px",height:"10px",backgroundColor:"#ff941a",padding:"0.5rem"}}>折扣</div> */}
        <h6
          className="zhekounm"
          style={{ lineHeight: '1rem', marginLeft: '0.5rem', color: '#ff941a' }}
        >
          折扣： 现在开卡，首单两张票最高立减4元
        </h6>
        <h6
          className="kaikalema"
          style={{
            lineHeight: '1rem',
            marginLeft: '7.5rem',
            marginTop: '-1.0rem',
            color: 'red',
          }}
        >
          5.9元起开卡
          <Arrow />
        </h6>
      </div>
      <div
        className="neirongas"
        style={{
          width: '100%',
          height: '14rem',
          marginTop: '0.5rem',
          backgroundColor: '',
        }}
      >
        <div
          className="yuanband"
          style={{ width: '100%', height: '3rem', backgroundColor: 'white' }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            14:30
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.2rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>

        <div
          className="yuanband"
          style={{
            width: '100%',
            height: '3rem',
            backgroundColor: 'white',
            marginTop: '-0.5rem',
          }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            15:45
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.2rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>

        <div
          className="yuanband"
          style={{
            width: '100%',
            height: '3rem',
            backgroundColor: 'white',
            marginTop: '-0.72rem',
          }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            17:05
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.3rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>

        <div
          className="yuanband"
          style={{
            width: '100%',
            height: '3rem',
            backgroundColor: 'white',
            marginTop: '-0.72rem',
          }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            16:55
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.3rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>
        <div
          className="yuanband"
          style={{
            width: '100%',
            height: '3rem',
            backgroundColor: 'white',
            marginTop: '-0.72rem',
          }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            20:00
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.3rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>

        <div
          className="yuanband"
          style={{
            width: '100%',
            height: '3rem',
            backgroundColor: 'white',
            marginTop: '-0.72rem',
          }}
        >
          <h3
            className="timesj"
            style={{ padding: '0.2rem', fontSize: '0.5rem' }}
          >
            22:15
          </h3>
          <p
            className="sanchang"
            style={{
              marginTop: '-0.3rem',
              marginLeft: '0.2rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            16:51散场
          </p>
          <p
            className="yuanbandea"
            style={{ marginLeft: '1.8rem', marginTop: '-1.0rem' }}
          >
            原版 3D
          </p>
          <p
            className="zhuzhuxia"
            style={{
              width: '4rem',
              marginLeft: '1.8rem',
              fontSize: '0.1rem',
              color: '#a7a7a7',
            }}
          >
            3厅-杜比全景声6.2看《蜘蛛侠》送海报
          </p>
          <h3
            className="monysa"
            style={{ color: 'red', marginLeft: '5.6rem', marginTop: '-1.2rem' }}
          >
            ￥28
          </h3>
          <p
            className="yingchengka"
            style={{
              border: '2px #ff9900 solid',
              marginLeft: '5.7rem',
              width: '17%',
              height: '14px',
              marginTop: '0rem',
              fontSize: '0.1rem',
              backgroundColor: '#ff9900',
              color: 'white',
            }}
          >
            影城卡 ￥23
          </p>

          <p
            className="anniugoupiao"
            style={{
              border: '1px red solid',
              width: '11%',
              borderRadius: '0.5rem',
              textAlign: 'center',
              color: 'red',
              marginLeft: '8.5rem',
              marginTop: '-0.6rem',
            }}
            onClick={() => {
              seats();
            }}
          >
            购票
          </p>
        </div>
      </div>
      {/* <div
        className="chaozhitaocan"
        style={{
          backgroundColor: 'red',
          width: '100%',
          height: '8rem',
          marginTop: '0.5rem',
        }}
      >

      </div> */}
    </div>
  );
}
